<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>jewel</title>

	<!--
	<style>

		* {
			padding: 0;
			box-sizing: border-box;
		}

		#glcanvas {
			width: 60vw;
			height: auto;
		}

		#wrapper {
			display: flex;
			justify-content: space-between;
			margin: 20px;
			flex-wrap: wrap;
		}

	</style>
	-->

</head>

<body>
	<div id="wrapper">
		<canvas id="glcanvas">

		</canvas>

	</div>

	<!-- 旋转角度 -->
	<label for="angle">角度</label>
	<input type="range" min=0.0 max=6.18 id="angle" step=0.1 value=0.0></input>


	<script src="./shader.js"></script>
	<script src="./matrix.js"></script>
	<script src="./jewel.js"></script>
	<script src="./jewel_vao.js"></script>
	<script src="./vao_rect.js"></script>
	<script src="./framebuffer.js"></script>

</body>

</html>

